1 #CACHE{
3600*
100,cache-client}
2 #HTTP_HEADER{Content-Type: text/css; charset=iso-
8859-
15}
3 #HTTP_HEADER{Vary: Accept-Encoding}
4 /* ----------------------------------------------
8 ------------------------------------------------ */
9 /* Valeurs par defaut :
10 #SET{couleur_fond_page,#CONFIG{BeeSpip/couleur/couleur_fond_page,#ffffff}} [ couleur_fond_page: (#GET{couleur_fond_page});]
11 #SET{couleur_principale,#CONFIG{BeeSpip/couleur/couleur_principale,#b83233}} [ couleur_principale: (#GET{couleur_principale});]
12 #SET{couleur_secondaire_foncee,#CONFIG{BeeSpip/couleur/couleur_secondaire_foncee,#
8b0b00}} [ couleur_secondaire_foncee: (#GET{couleur_secondaire_foncee});]
13 #SET{couleur_secondaire_claire,#CONFIG{BeeSpip/couleur/couleur_secondaire_claire,#ff645b}} [ couleur_secondaire_claire: (#GET{couleur_secondaire_claire});]
14 #SET{couleur_principale_texte,#CONFIG{BeeSpip/couleur/couleur_principale_texte,#
666666}} [ couleur_principale_texte: (#GET{couleur_principale_texte});]
15 #SET{couleur_titres,#CONFIG{BeeSpip/couleur/couleur_titres,#
444444}} [ couleur_titres: (#GET{couleur_titres});]
16 #SET{typo_titre,#CONFIG{BeeSpip/couleur/typo_titre,
"font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;"}} [ typo_titre: (#GET{typo_titre});]
17 #SET{couleur_liens,#CONFIG{BeeSpip/couleur/couleur_liens,#
0070a7}} [ couleur_liens: (#GET{couleur_liens});]
18 #SET{couleur_liens_survol,#CONFIG{BeeSpip/couleur/couleur_liens_survol,#b83233}} [ couleur_liens_survol: (#GET{couleur_liens_survol});]
19 #SET{couleur_cadres,#CONFIG{BeeSpip/couleur/couleur_cadres,#ebebeb}} [ couleur_cadres: (#GET{couleur_cadres});]
20 #SET{couleur_filets_titres,#CONFIG{BeeSpip/couleur/couleur_filets_titres,#ebebeb}} [ couleur_filets_titres: (#GET{couleur_filets_titres});]
21 #SET{couleur_filets_colonnes,#CONFIG{BeeSpip/couleur/couleur_filets_colonnes,#e8e8e8}} [ couleur_filets_colonnes: (#GET{couleur_filets_colonnes});]
22 #SET{couleur_fond_formulaires,#CONFIG{BeeSpip/couleur/couleur_fond_formulaires,#f8f8f8}} [ couleur_filets_colonnes: (#GET{couleur_fond_formulaires});]
27 font:
11px/
165% 'Lucida Grande', Verdana, Helvetica, sans-serif;
28 color: #GET{couleur_principale_texte};
29 margin:
0; padding:
0 0 50px
0;
30 background: #GET{couleur_fond_page} ;
35 text-decoration: none;
36 color: #GET{couleur_liens};
39 color: #GET{couleur_liens_survol};
40 border-bottom:
1px dotted #GET{couleur_liens_survol};
45 border-bottom:
1px dotted #GET{couleur_liens};
47 a:hover.more-link, a:focus.more-link {
48 text-decoration: none;
50 h2 a:link, h2 a:visited,
51 h3 a:link, h3 a:visited {
52 text-decoration: none;
53 color: #GET{couleur_titres};
55 h2 a:hover, h2 a:focus,
56 h3 a:hover, h3 a:focus {
57 color: #GET{couleur_liens_survol};
61 h1, h2, h3, h4, h5, h6
62 h1.spip, h2.spip, h3.spip, h4.spip, h5.spip, h6.spip {
65 color: #GET{couleur_titres};
66 padding:
10px
15px
7px;
68 h1, h1.spip { font-size:
3.7em; }
69 h2, h2.spip { font-size:
2.8em; }
70 h3, h3.spip { font-size:
2em; }
71 h4, h4.spip { font-size:
1.3em; }
72 h5, h5.spip { font-size:
1.1em; }
73 h6, h6.spip { font-size:
1em; }
75 h1, h2, h3, h4, h5, h6 {font-weight: normal;}
77 h1 { letter-spacing: -
1px; }
78 h2 { color: #GET{couleur_secondaire_foncee}; }
79 h3 { letter-spacing: -
0.5px; padding-top:
15px}
80 h5.recents {padding-bottom:
0;}
86 ul { list-style: disc; }
87 ol { list-style: decimal; }
91 color: #GET{couleur_secondaire_claire};
97 p { padding:
5px
15px; }
98 dl { padding:
0px
15px; }
99 hr.spip { margin:
2em auto; clear:both;height:
1px;padding:
0;color: #GET{couleur_filets_colonnes};background-color: #GET{couleur_filets_colonnes};border:
0;}
103 border:
1px solid #DCDCDC;
106 #conteneur img.puce, #conteneur form img, #conteneur table.calendrier-large img, #conteneur img.simple,
107 #conteneur a:hover img.puce, #conteneur form a:hover img, #conteneur table.calendrier-large a:hover img, #conteneur a:hover img.simple,
108 #conteneur a:focus img.puce, #conteneur form a:focus img, #conteneur table.calendrier-large a:focus img, #conteneur a:focus img.simple {
113 #conteneur #slider img {
115 border:
9px solid #FAFAFA;
119 #conteneur a:hover img, #conteneur a:focus img { border:
1px solid #D2D2D2; background: #DDD; }
121 margin:
5px
0px
10px
10px;
124 margin:
5px
10px
10px
0px;
133 font:
1em 'Lucida Console', 'Courier New', Monospace ;
134 /* white-space: pre; */
135 border:
1px solid #F0F0F0;
140 border-bottom:
1px dotted #
895F30;
144 padding:
10px
10px
10px
32px;
145 border:
1px solid #F0F0F0;
146 background: #f8f8f8 url(#CHEMIN{/images/quote.gif}) no-repeat
12px
12px;
151 font-family: Georgia, 'Times New Roman', Times, Serif;
154 strong { font-weight: bold; }
158 border-collapse: collapse;
161 tr { background: #fff; }
162 tr.altrow, tr.row_odd { background: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir|couleur_eclaircir|couleur_eclaircir)] }
170 color: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_foncer)];
171 background: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir|couleur_eclaircir)];
173 border-color: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir|couleur_eclaircir)] #[(#GET{couleur_secondaire_claire}|replace{#,''})] #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_foncer)];
176 border-color: #EFEFEF;
181 ul.liste-items, ul.liste-items ul { list-style: none; margin:
2px
2px
2px
20px; padding:
0;}
182 ul.liste-items a:link, ul.liste-items a:visited {
183 text-decoration: none;
184 color: #GET{couleur_liens};
186 ul.liste-items a:hover, ul.liste-items a:focus {
187 border-bottom:
1px dotted #GET{couleur_liens_survol};
188 color: #GET{couleur_liens_survol};
191 padding-bottom:
15px;
193 #colonne .liste h4, .grid_4.actucolonne2 h4, #colonne_bandeau .liste h4 {
195 margin:
5px
0 0 12px;
196 border-bottom:
1px solid #GET{couleur_filets_titres};
198 #colonne .liste h4 a, #colonne .liste h4 a:visited,
199 .grid_4.actucolonne2 h4 a, .grid_4.actucolonne2 h4 a:visited,
200 #colonne_bandeau .liste h4 a, #colonne_bandeau .liste h4 a:visited {
201 color: #GET{couleur_secondaire_foncee};
204 #colonne .liste h4 a:hover, .grid_4.actucolonne2 h4 a:hover,
205 #colonne_bandeau .liste h4 a:hover,
206 #colonne .liste h4 a:focus, .grid_4.actucolonne2 h4 a:focus,
207 #colonne_bandeau .liste h4 a:focus {
208 color: #GET{couleur_liens_survol};
210 #colonne .liste .post-info, .grid_4.actucolonne2 .post-info,
211 #colonne_bandeau .liste .post-info {
215 #colonne .liste p, .grid_4.actucolonne2 p,
216 #colonne_bandeau .liste p {
219 #colonne .liste .liste-items, #colonne_bandeau .liste .liste-items {
224 #colonne .liste .liste-items li.item, #colonne_bandeau .liste .liste-items li.item {margin-bottom:
5px;}
226 .liste_bloc {border:
1px solid #GET{couleur_cadres}; padding:
5px;margin:
5px
0;}
227 .liste_bloc_bandeau {border:
1px solid #GET{couleur_cadres}; padding:
5px;margin:
5px
0;}
228 .liste_bloc h3, .liste_bloc_bandeau h3 {padding-top:
0}
231 padding:
5px; margin:
5px
15px
15px
10px;
232 border:
1px solid #EBEBEB;
236 .info-publi a { background: transparent; }
237 .info-publi a:hover, .info-publi a:focus { border: none; color:#
000;}
238 .info-publi a.nb_commentaires { margin:
0 10px
0 5px; }
239 .info-publi a.lire_la_suite { margin:
0 10px
0 5px; }
240 .info-publi .date{ margin:
0 10px
0 5px; }
242 .post-info { font-size:
.95em; padding-top:
3px; color: #B0B0B0; }
243 .post-info a, .post-info a:visited { color: #
000; border: none; }
244 .post-info a:hover, .post-info a:focus { color: #GET{couleur_liens_survol}; border: none; }
246 /* Gestion des listes */
247 ul.spip, ol.spip {margin-top:
0}
248 ul.spip li {background: url([(#CHEMIN{images/fond_vide_pour_puce.gif}|image_aplatir{gif,#GET{couleur_principale}}|image_masque{#CHEMIN{images/fond_pour_puce_niv1.png}}|extraire_attribut{src})]) no-repeat
0 .5em;list-style:none;padding-left:
1em;}
249 ul.spip li ul.spip, ol.spip li ol.spip {margin-bottom:
0}
250 ul.spip li li {background: url([(#CHEMIN{images/fond_vide_pour_puce.gif}|image_aplatir{gif,#GET{couleur_principale}}|image_masque{#CHEMIN{images/fond_pour_puce_niv2.png}}|extraire_attribut{src})]) no-repeat
0 .5em;}
251 ul.spip li li li {background: url([(#CHEMIN{images/fond_vide_pour_puce.gif}|image_aplatir{gif,#GET{couleur_principale}}|image_masque{#CHEMIN{images/fond_pour_puce_niv3.png}}|extraire_attribut{src})]) no-repeat
0 .5em;}
252 ul.spip li li li li {background: url([(#CHEMIN{images/fond_vide_pour_puce.gif}|image_aplatir{gif,#GET{couleur_principale}}|image_masque{#CHEMIN{images/fond_pour_puce_niv4.png}}|extraire_attribut{src})]) no-repeat
0 .5em;}
256 p.thumbs{ padding:
10px
0 0 10px; }
262 border:
1px solid #ddd;
264 .thumbs img:hover, .thumbs img:focus {
265 border:
1px solid #D2D2D2;
268 .thumbs a:hover, .thumbs a:focus { background-color: transparent; border: none }
272 margin:
12px
10px
0 10px;
275 border-color: #F0F0F0;
276 border-width:
1px
1px
0 1px;
283 border-bottom:
1px solid #F0F0F0;
286 .comments-list li .comment-meta {
292 .comments-list li .comment-meta .permalink { /*float: right;*/ position:absolute;right:
0;top:
0; padding:
15px
10px; /*margin:
0 0 1.5em
1.5em;*/font-size:
2em; text-decoration: none; }
294 .comments-list li .comment-meta img {
298 .comments-list li .comment-meta .comment-data {
302 .comments-list li .comment-content {
304 margin:
0; padding:
0;
306 .comments-list li.even {
309 .comment-reply { text-align:right; margin:
2px
10px
15px
10px; padding:
0; font-size:
1em; text-decoration: none; }
310 .comment-reply a {padding:
5px
10px;border-style: solid; border-color: #F0F0F0; border-width:
0 1px
1px
1px;}
311 .comment-reply a:hover, .comment-reply a:focus {color:#fff;background:#GET{couleur_liens_survol};}
315 .pagination { clear: both; text-align: right; font-size:
0.90em; color: #
666; }
316 #contenu .pagination { padding-right:
15px; }
317 .pagination .on { font-weight: bold; color: #
666; }
319 /* Habillage general des menus de navigation */
321 .menu { clear: both; margin-bottom:
2em; text-align: left; }
322 .menu p { margin:
0.20em
0; padding:
0.20em
0.10em; }
323 .menu.rubriques .menu-liste { margin:
0; padding:
0 0 0 15px; list-style: none; }
324 .menu-liste { margin:
0; padding:
0 25px; list-style: none; }
325 .menu-liste .menu-entree { margin:
0 0 0.20em; padding:
0.20em; }
326 .menu-liste .menu-entree a { font-size:
1em}
327 .menu-liste .menu-entree .menu-liste { margin-left:
1em; border:
0; }
328 .menu-liste .menu-entree .menu-entree { padding:
0; border:
0; }
329 .menu-liste .menu-entree .menu-entree a { font-size:
1em }
330 /*.menu-liste .menu-entree .menu-entree .menu-entree a { font-size:
1em }*/
333 ul.plan { margin:
5px
20px; padding:
0; list-style: none; }
334 ul.plan ul { margin:
5px
20px; padding:
0; list-style: none; }
336 /* Logos, documents et images */
337 img, .spip_logos { margin:
0; padding:
0; border:
0; }
338 .spip_documents { text-align: center; line-height: normal; }
339 .spip_documents p { margin:
0.10em; padding:
0; }
340 .spip_documents dd {padding:
0; }
341 .spip_documents_center { display: block; clear: both; /*width:
100%;*/ margin:
10px auto; }
342 .spip_documents_left { float: left; margin-right:
15px; margin-bottom:
5px; }
343 .spip_documents_right { float: right; margin-left:
15px; margin-bottom:
5px; }
344 .spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size:
0.90em; }
345 .spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size:
0.90em; }
347 .documents_joints, .documents_portfolio {clear:both;}
348 .documents_joints .item {text-align:center;margin-bottom:
10px;}
349 .documents_joints .item a:hover, .documents_joints .item a:focus { border: none;}
350 #colonne .documents_joints .item {margin-top:
3px;}
351 #colonne .documents_portfolio {padding-left:
10px;}
352 #colonne .documents_portfolio img {margin-top:
10px;}
353 #colonne .documents_portfolio.liste h4 {margin-left:
0;}
354 .documents_portfolio a:hover, a.image_survol:hover,
355 .documents_portfolio a:focus, a.image_survol:focus {border:none;}
356 /* modeles par defaut */
357 .spip_modele { float: right; display: block; padding:
1em; border:
1px solid; width:
180px; }
363 padding:
15px
25px
25px
20px;
364 border:
1px solid #[(#GET{couleur_fond_formulaires}|replace{#,''}|couleur_foncer|couleur_foncer)];
365 background: #GET{couleur_fond_formulaires};
368 form fieldset { clear: both; margin:
0 0 1em
0; padding:
0; border:
0; }
369 form fieldset legend { margin:
0; padding:
0; font-size:
1.05em; font-weight: bold; /*background-color: #fff;*/ color: #
333; } /* Preciser la couleur des legend et du fond pour IE/Win */
370 form fieldset fieldset { margin-top:
1em; }
371 form fieldset fieldset legend { font-size:
1em; font-weight: normal; }
373 /*border-bottom:
1px solid #E6E6E6;*/
374 padding:
12px
0 5px
0;
378 form ul { margin:
0; padding:
0; list-style: none; }
379 form ul li { clear: both; margin:
0; padding:
0.50em
0; }
382 form label { display: block; text-align: left; color: #GET{couleur_secondaire_foncee}; font-weight: bold; /* pour IE/Win */ position: relative; }
383 form li p { margin-top:
0; margin-bottom:
0; }
384 form .choix label{display:inline;font-weight:normal;}
385 form .choix input.radio,
386 form .choix input.checkbox {width:auto;}
388 input, select, textarea {
394 border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
395 font:
1em 'Lucida Grande', Verdana, Helvetica, sans-serif;
397 input:focus, select:focus, textarea:focus {
398 color: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_foncer|couleur_foncer|couleur_foncer)];
399 background: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir|couleur_eclaircir|couleur_eclaircir)];
403 font: bold
12px Arial, Sans-serif;
408 background: #GET{couleur_secondaire_claire};
412 border-color: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir)] #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_foncer)] #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_foncer)] #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir)];
414 .formulaire_login .editer_password .details {display:block;}
415 .formulaire_login #spip_logo_auteur {float:right;}
416 .formulaire_ecrire_auteur input, .formulaire_ecrire_auteur select, .formulaire_ecrire_auteur textarea {width:
385px}
417 .formulaire_inscription input, .formulaire_inscription select, .formulaire_inscription textarea {width:
145px}
418 .formulaire_ecrire_auteur input.submit, .formulaire_inscription input.submit {width:auto}
420 /* Choix des mots-clefs */
421 ul.choix_mots { display: block; margin:
0; padding:
0; list-style: none; }
422 ul.choix_mots li { clear: none; float: left; display: block; width:
30%; padding:
1%; }
423 ul.choix_mots li label { display: inline; font-weight: normal; }
425 .formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */
427 /* Reponses, previsu et erreurs
428 ----------------------------------------------- */
430 /* Champs obligatoires */
431 .formulaire_spip li.obligatoire {}
432 .formulaire_spip li.obligatoire label {}
434 /* Previsualisation du message */
435 .formulaire_spip fieldset.previsu { margin-bottom:
2em; padding:
1em; border:
2px dashed #F57900; }
436 .formulaire_spip fieldset.previsu legend { padding:
0 0.50em; font-weight: bold; color: #F57900; }
437 .formulaire_spip fieldset.previsu li { padding:
3px; border: none; }
438 .formulaire_spip fieldset.previsu p { margin:
1em
0; }
440 /* Reponse du formulaire */
441 .reponse_formulaire { font-weight: bold; color: #e86519; font-size:
1.20em; }
442 fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
443 fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */
446 .formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
447 .formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
448 .reponse_formulaire_erreur { margin:
0; color: #C30; font-weight: bold; }
451 .reponse_formulaire_ok { margin:
0; color: #
53AD20; font-weight: bold; }
454 #contenu table.calendrier-large {width:
920px}
455 #calendar caption {text-align:center}
456 #calendar th, #calendar td {padding:
0.6em
0.65em;text-align:center;}
457 #calendar .today {color: #GET{couleur_secondaire_claire};}
458 #calendar .occupe {color: #GET{couleur_secondaire_claire};background: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir)];}
459 #calendar .horsperiode {color:#ccc}
462 .texteencadre-spip {clear:both;}
465 .formulaire_participer_evenement form {padding:
5px}